<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta charset="utf-8">
  <!-- Title and other stuffs -->
  <title>胖胖鸟餐饮后台管理系统</title> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  <meta name="author" content="">
  <!-- Stylesheets -->
  <link href="css/bootstrap.css" rel="stylesheet">
  <!-- Font awesome icon -->
  <link rel="stylesheet" href="css/font-awesome.css"> 
  <!-- jQuery UI -->
  <link rel="stylesheet" href="css/jquery-ui.css"> 
  <!-- Calendar -->
  <link rel="stylesheet" href="css/fullcalendar.css">
  <!-- prettyPhoto -->
  <link rel="stylesheet" href="css/prettyPhoto.css">  
  <!-- Star rating -->
  <link rel="stylesheet" href="css/rateit.css">
  <!-- Date picker -->
  <link rel="stylesheet" href="css/bootstrap-datetimepicker.min.css">
  <!-- CLEditor -->
  <link rel="stylesheet" href="css/jquery.cleditor.css"> 
  <!-- Uniform -->
  <link rel="stylesheet" href="css/uniform.default.css"> 
  <!-- Bootstrap toggle -->
  <link rel="stylesheet" href="css/bootstrap-switch.css">
  <!-- Main stylesheet -->
  <link href="css/style.css" rel="stylesheet">
  <!-- Widgets stylesheet -->
  <link href="css/widgets.css" rel="stylesheet">   
  
  <!-- HTML5 Support for IE -->
  <!--[if lt IE 9]>
  <script src="js/html5shim.js"></script>
  <![endif]-->

  <!-- Favicon -->
</head>

<body>

<!-- Main content starts -->
<div class="content">
  	<!-- Sidebar -->
    <div class="sidebar">
        <div class="sidebar-dropdown"><a href="#"><h3 style="color:#FFFFFF">导航</h3></a></div>

        <!--- Sidebar navigation -->
        <!-- If the main navigation has sub navigation, then add the class "has_sub" to "li" of main navigation. -->
        <ul id="nav">
          <!-- Main menu with font awesome icon -->
          <li><a href="/index.html"><i class="icon-home"></i> 首页</a>
            <!-- Sub menu markup 
            <ul>
              <li><a href="#">Submenu #1</a></li>
              <li><a href="#">Submenu #2</a></li>
              <li><a href="#">Submenu #3</a></li>
            </ul>-->
          </li>
          <li class="has_sub" ><a href="#" class="open"><i class="icon-list-alt"></i>菜品管理<span class="pull-right"><i class="icon-chevron-right"></i></span></a>
            <ul>
              <li><a href="table.html">菜品查询</a></li>
			  <li><a href="dishadd.html">菜品新增</a></li>
            </ul>
          </li>  
          <li class="has_sub"><a href="#"><i class="icon-file-alt"></i>信息管理<span class="pull-right"><i class="icon-chevron-right"></i></span></a>
            <ul>
              <li><a href="post.html">销售统计</a></li>
              <li><a href="login.html">详单查询</a></li>
              <li><a href="register.html">客户投诉</a></li>
              <li><a href="support.html">出入库信息</a></li>
            </ul>
          </li> 
          <li class="has_sub"><a href="#"><i class="icon-file-alt"></i>信息查看<span class="pull-right"><i class="icon-chevron-right"></i></span></a>
            <ul>
              <li><a href="media.html">Media</a></li>
              <li><a href="statement.html">Statement</a></li>
              <li><a href="error.html">Error</a></li>
              <li><a href="error-log.html">Error Log</a></li>
              <li><a href="calendar.html">Calendar</a></li>
              <li><a href="table.html">Grid</a></li>
            </ul>
          </li>                             
          <li><a href="charts.html"><i class="icon-bar-chart"></i>图表</a></li> 
          <li><a href="tables.html"><i class="icon-table"></i>表格</a></li>
          <li><a href="forms.html"><i class="icon-tasks"></i>表单</a></li>
          <li><a href="ui.html"><i class="icon-magic"></i>用户接入</a></li>
          <li><a href="calendar.html"><i class="icon-calendar"></i>日程安排</a></li>
        </ul>
    </div>

    <!-- Sidebar ends -->

  	<!-- Main bar -->
  	<div class="mainbar">

      <!-- Page heading -->
      <div class="page-head">
        <h2 class="pull-left"> 菜品管理</h2>

        <!-- Breadcrumb -->
        <div class="bread-crumb pull-right">
          <h2><i class="icon-th-list navicon"></i></h2>
        </div>

        <div class="clearfix"></div>

      </div>
      <!-- Page heading ends -->

	    <!-- Matter -->

	    <div class="matter">
        <div class="container">

          <!-- Table -->

            <div class="row">

              <div class="col-md-12">

                <div class="widget">

                <div class="widget-head wminimize">
                  <div class="pull-left">菜品信息</div>
                  <div class="widget-icons pull-right">
                    <a href="#"><i class="icon-chevron-up"></i></a>
                  </div>  
                  <div class="clearfix"></div>
                </div>

                  <div class="widget-content">

                    <table class="table table-striped table-bordered table-hover">
                      <thead>
                        <tr>
                          <th></th>
                          <th>菜品名称</th>
                          <th>菜品价格</th>
                          <th>菜品排序</th>
                          <th>操作</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr dishid="123456">
                          <td>1</td>
                          <td><a href="dishupdate.html?dishid=123456">鱼香肉丝</a></td>
                          <td>22</td>
						  <td>1</td>
                          <td>
						  	<div class="btn-group1">
                              <button class="btn btn-xs btn-success"><i class="icon-pencil"></i> </button>
                              <button class="btn btn-xs btn-danger" data-trigger="confirm" data-target="#del-123456" data-title="温馨提示" data-name="鱼香肉丝" data-id="123456" data-content="您确认删除<code>:name</code>吗？" data-action="removeUser"><i class="icon-remove"></i></button>
                            </div>
							</td>
                        </tr>
                        <tr dishid="123457">
                          <td>2</td>
                          <td><a href="dishupdate.html?dishid=123457">西红柿鸡蛋面</a></td>
                          <td>8</td>
                          <td>2</td>
                          <td><div class="btn-group1">
                              <button class="btn btn-xs btn-success"><i class="icon-pencil"></i> </button>
                              <button class="btn btn-xs btn-danger" data-trigger="confirm" data-target="#del-123457" data-title="温馨提示" data-name="西红柿鸡蛋面" data-id="123457" data-content="您确认删除<code>:name</code>吗？" data-action="removeUser"><i class="icon-remove"></i> </button>
                            </div></td>
                        </tr>
                        <tr dishid="123458">
                          <td>3</td>
                          <td><a href="dishupdate.html?dishid=123458">红烧牛肉面</a></td>
                          <td>12</td>
                          <td>3</td>
                          <td><div class="btn-group1">
                              <button class="btn btn-xs btn-success"><i class="icon-pencil"></i> </button>
                              <button class="btn btn-xs btn-danger" data-trigger="confirm" data-target="#del-123458" data-title="温馨提示" data-name="红烧牛肉面" data-id="123458" data-content="您确认删除<code>:name</code>吗？" data-action="removeUser"><i class="icon-remove"></i> </button>
                            </div></td>
                        </tr>
                        <tr dishid="123459">
                          <td>4</td>
                          <td><a href="dishupdate.html?dishid=123459">菌菇三鲜面</a></td>
                          <td>11</td>
                          <td>4</td>
                          <td><div class="btn-group1">
                              <button class="btn btn-xs btn-success"><i class="icon-pencil"></i> </button>
                              <button class="btn btn-xs btn-danger" data-trigger="confirm" data-target="#del-123459" data-title="温馨提示" data-name="菌菇三鲜面" data-id="123459" data-content="您确认删除<code>:name</code>吗？" data-action="removeUser"><i class="icon-remove"></i> </button>
                            </div></td>
                        </tr>
                        <tr dishid="123460">
                          <td>5</td>
                          <td><a href="dishupdate.html?dishid=123460">蛋炒饭</a></td>
                          <td>13</td>
                          <td>5</td>
                          <td><div class="btn-group1">
                              <button class="btn btn-xs btn-success"><i class="icon-pencil"></i> </button>
                              <button class="btn btn-xs btn-danger" data-trigger="confirm" data-target="#del-123460" data-title="温馨提示" data-name="蛋炒饭" data-id="123460" data-content="您确认删除<code>:name</code>吗？" data-action="removeUser"><i class="icon-remove"></i> </button>
                            </div></td>
                        </tr>                                                                        
                      </tbody>
                    </table>

                    <div class="widget-foot">

                      
                        <ul class="pagination pull-right">
                          <li><a href="#">上一页</a></li>
                          <li><a href="#">1</a></li>
                          <li><a href="#">2</a></li>
                          <li><a href="#">3</a></li>
                          <li><a href="#">4</a></li>
                          <li><a href="#">下一页</a></li>
                        </ul>
                      
                      <div class="clearfix"></div> 

                    </div>

                  </div>
                </div>
    </div>

   <!-- Mainbar ends -->	    	
   <div class="clearfix"></div>

</div>
<!-- Content ends -->

<!-- Footer starts -->
<footer>
  <div class="container">
    <div class="row">
      <div class="col-md-12">
            <!-- Copyright info -->
            <p class="copy">Copyright &copy; 2015 | <a href="#">胖胖鸟餐饮管理系统</a> </p>
      </div>
    </div>
  </div>
</footer> 	

<!-- Footer ends -->

<!-- Scroll to top -->
<span class="totop"><a href="#"><i class="icon-chevron-up"></i></a></span> 


<!-- JS -->
<script src="js/jquery.js"></script> <!-- jQuery -->
<script src="js/bootstrap.js"></script> <!-- Bootstrap -->
<script src="js/jquery-ui-1.9.2.custom.min.js"></script> <!-- jQuery UI -->
<script src="js/fullcalendar.min.js"></script> <!-- Full Google Calendar - Calendar -->
<script src="js/jquery.rateit.min.js"></script> <!-- RateIt - Star rating -->
<script src="js/jquery.prettyPhoto.js"></script> <!-- prettyPhoto -->

<!-- jQuery Flot -->
<script src="js/excanvas.min.js"></script>
<script src="js/jquery.flot.js"></script>
<script src="js/jquery.flot.resize.js"></script>
<script src="js/jquery.flot.pie.js"></script>
<script src="js/jquery.flot.stack.js"></script>

<!-- jQuery Notification - Noty -->
<script src="js/jquery.noty.js"></script> <!-- jQuery Notify -->
<script src="js/themes/default.js"></script> <!-- jQuery Notify -->
<script src="js/layouts/bottom.js"></script> <!-- jQuery Notify -->
<script src="js/layouts/topRight.js"></script> <!-- jQuery Notify -->
<script src="js/layouts/top.js"></script> <!-- jQuery Notify -->
<!-- jQuery Notification ends -->

<script src="js/sparklines.js"></script> <!-- Sparklines -->
<script src="js/jquery.cleditor.min.js"></script> <!-- CLEditor -->
<script src="js/bootstrap-datetimepicker.min.js"></script> <!-- Date picker -->
<script src="js/jquery.uniform.min.js"></script> <!-- jQuery Uniform -->
<script src="js/bootstrap-switch.min.js"></script> <!-- Bootstrap Toggle -->
<script src="js/filter.js"></script> <!-- Filter for support page -->
<script src="js/custom.js"></script> <!-- Custom codes -->
<script src="js/charts.js"></script> <!-- Charts & Graphs -->
<script src="js/sco.confirm.js"></script>
<script src="js/sco.modal.js"></script>

<script language="javascript">
var removeUser = function(){
	console.log("remove data: " + this.options.name + this.options.id);	        	
	this.close();	        	
}
$(document).ready(function(){
	$('.icon-pencil').parent().on('click',function(){
		var that = $(this);
		var dishid = that.closest('tr').attr('dishid');
		window.location.href = 'dishupdate.html?dishid='+dishid;
	});
});
</script>
</body>
</html>